<template>
    <el-card>

        <el-form-item label="">
            <el-button style="" type="primary" @click="previewClick">添加</el-button>
            <el-button style="" type="success" @click="previewClick">预览</el-button>
        </el-form-item>
        <el-table :data="[1, 2, 3, 4, 5]" style="width: 100%" border>
            <el-table-column label="序号" width="80px" align="center" type="index"></el-table-column>
            <el-table-column label="内容" align="center"></el-table-column>
            <el-table-column label="操作" width="170px" align="center">
                <template #="{ row, $index }">
                    <el-button type="primary" icon="View" size="small"></el-button>
                    <el-button type="warning" icon="Edit" size="small"></el-button>
                    <el-button type="danger" icon="Delete" size="small"></el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</template>

<script setup lang="ts">
    import { reactive, toRefs } from 'vue'

</script>

<style lang="scss" scoped></style>